<template>
    <div class="info-card-new">

        <div class="top-title">
            <slot name="left"></slot>
            <slot name="right"></slot>
        </div>

        <div class="bootom-content">
            <slot name="operation"></slot>
        </div>
    </div>
</template>

<script>

export default {
    head: {
    },
    props:{

    },
    components: { 

    },
    data: () => ({

    }),
    methods: {


    },
    computed: {
        
    },
    mounted() {

    },
    beforeDestroy() {

    },
}
</script>

<style lang="scss" scoped>
    @import '@css/var.scss'; 
    .info-card-new {
        padding: 10px;
        .top-title{
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
    }
</style>
 